<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="shortcut icon" href="../img/icon.png"/>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/cart.css">
    <link rel="stylesheet" href="../img/font/iconfont.css">
</head>
<body>
    <section>
       <nav>
          <ul>
              <li><a href="../index.html">欢迎来到美域甄品！</a></li>
              <li><a href="#"><i class="iconfont icon-gerenzhongxin"></i>尊敬的183xxxx9957用户</a></li>
          </ul> 
          <div><i class="iconfont icon-gouwuche"></i>购物车（<span>0</span>）</div>
       </nav>
    </section>  
    <div class="HUA">
        <ul>
            <li>
                <i class="iconfont icon-shoucang"></i>
                <a href="#">我的收藏</a>
            </li>
            <li>
                <i class="iconfont icon-wodezuji"></i>
                <a href="#">我的足迹</a>
            </li>
            <li>
                <i class="iconfont icon-saoyisao"></i>
                <a href="#">下载APP</a>
            </li>
            <li>
                <i class="iconfont icon-kefu"></i>
                <a href="#">联系客服</a>
            </li>
            <li>
                <i class="iconfont icon-huidaodingbuxianxing "></i>
                <a href="#">回到顶部</a>
            </li>
        </ul>
    </div>
    <div class="logo">
        <div class="logo-con">
            <div class="lc1">
                <a href="../index.html"><img src="../img/logo-new.png" ></a>
            </div>
            <div class="lc2"><a href="#">加入购物车</a></div>
            <div class="lc3">
                <img src="../img/222.png" alt="">
            </div>
        </div>
    </div> 
    <main>
        <div class="join-con">
            <div class="pics">
                <div class="solid"></div>
                <div class="pic1">
                    <img src="../img/step-ac-1.png">
                </div>
                <div class="pic2">
                    <img src="../img/step-2.png" >
                </div>
                <div class="pic3">
                    <img src="../img/step-3.png" >
                </div>
                <div class="pic4">
                    <img src="../img/step-4.png" >
                </div>
            </div>
            <div class="des">
                <ul>
                    <li><a href="#">加入购物车</a></li>
                    <li><a href="#">确认订单信息</a></li>
                    <li><a href="#">在线支付</a></li>
                    <li><a href="#">成功提交订单</a></li>
                </ul>
            </div>
        </div>
        <div class="cartTable">
            <table>
                <thead>
                    <tr>
                        <th>全选</th>
                        <th>商品</th>
                        <th>单价</th>
                        <th>数量</th>
                        <th>小计</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
            <div class="all-sel">
                <div><input type="checkbox" class="selectAll">全选 <a href="#" class="dlAll">批量删除</a></div>
                <div class="song">
                    <span>再购69元送价值399的美容服务</span>
                    <a href="../index.html" class="adds">去凑单 ></a>
                </div>
            </div>
            <div class="total">
                <div class="total-left">
                    <p class="num">已选择&nbsp;<span>0个</span>&nbsp;商品</p>
                    <p class="money">商品总价（不含运费）：￥<span>0.00</span></p>
                </div>
                <div class="total-right">
                    <a href="./pay.html">
                        <button>确认订单</button>
                    </a>
                </div>
            </div>
        </div>
        

    </main>
    <div class="footer-container"></div>
    <script src="../libs/jquery.min.js"></script>
    <script>
        $('.footer-container').load('footer.html')
    </script>
    <script src="../js/cart.js"></script>
</body>
</html>